@charset "utf-8";
/*header*/
.mainHeader{
    width:100%;
    background-color:#0084ff;
}
.mainHeader .content{width:1200px;padding:7px 0;}
.mainHeader .content .slides{padding-top:12px;}
.mainHeader .content .bar{float:left;}
.mainHeader .content .bar a{
    display:inline-block;
    padding:8px 50px;
    color:#fff;
    border-radius:20px;
}
.mainHeader .content .bar.active a{background-color:#0462ba;}
/*footer*/
.mainFooter .top{
    width:100%;
    background-color:#fdffea;
}
.mainFooter .top .content{
    width:1200px;
}
.mainFooter .link-details{
    width:1000px;
    float:left;
}
.mainFooter .con{height:140px;padding-top:20px;}
.mainFooter .con a{display:inline-block;padding-right:60px;}
.friendNotice{padding:20px 0;border-top:1px solid #0084ff;}
.mainFooter .top .content .twocode-box{
    display:block;
    width:170px;
    float:right;
}
.mainFooter .top .content .twocode-box .img{
    width:120px;height:120px;
    overflow:hidden;
}
.mainFooter .top .content .twocode-box img{display:block;width:100%;}
.mainFooter .top .content .notice{
    padding:20px 0;
    text-align:center;
}
.mainFooter .bottom{
    height:60px;
    line-height:60px;
    background-color:#0084ff;
    color:#fff;
    text-align:center;
    font-size:14px;
}
/*右侧sliders*/
.slider{
    position:fixed;
    width:70px;
    height:280px;
    top:50%;
    right:0;
    z-index:1;
    margin-top:-140px;
    background-color:red;
}
.slider .bar a{
    display:block;
    width:70px;
    height:70px;
    background-color:#7fc1ff;
    border-bottom:1px solid #fff;
    background-image: url("../images/img/icon-sliders.png");
    position:relative;
}
.slider .bar a .twocode{
    position:absolute;
    top:0;
    right:80px;
    background-color:#0084ff;
    width:0;
    opacity:0;
    /*transition:all .1s ease-in;*/
    /*-webkit-transition:all .1s ease-in;*/
    /*-moz-transition:all .1s ease-in;*/
    /*-ms-transition:all .1s ease-in;*/
    /*-o-transition:all .1s ease-in;*/
    overflow:hidden;
}
.slider .bar a .twocode:after{
    content:"";
    display:block;
    border-left:8px solid #0084ff;
    border-right:8px solid transparent;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    position:absolute;
    top:20px;
    right:-15px;
}
.slider .bar a .twocode .img{
    padding:8px 8px 0 8px;
}
.slider .bar a .twocode .img img{display:block;}
.slider .bar a .twocode .notice{color:#fff;font-size:12px;padding:5px 0;text-align:center;}
.slider .bar a .text{
    display:block;
    height:70px;
    line-height:70px;
    top:0;
    right:70px;
    position:absolute;
    font-size:14px;
    color:#fff;
    background-color:#0084ff;
    width:0;
    overflow:hidden;
    transition:all .2s ease-in;
    -webkit-transition:all .2s ease-in;
    -moz-transition:all .2s ease-in;
    -o-transition:all .2s ease-in;
}
.slider .bar a .text:after{
    content:"";
    display:block;
    width:0;
    height:100%;
    border-right:1px solid #fff;
    transform:scaleY(0.2);
    -webkit-transform:scaleY(0.2);
    -moz-transform:scaleY(0.2);
    -ms-transform:scaleY(0.2);
    -o-transform:scaleY(0.2);
    position:absolute;
    top:0;
    right:0;
}
.slider .bar .icon1{background-position:0 0;}
.slider .bar .icon2{background-position:0 -70px;}
.slider .bar .icon3{background-position:0 -140px;}
.slider .bar .icon4{background-position:0 -210px;}
.slider .bar a:hover{background-color:#0084ff;}
.slider .bar:last-child a{border-bottom:none;}
.slider .bar .icon2:hover .twocode{width:136px;opacity:1;overflow:visible;}
.slider .bar .icon3:hover .text{width:126px;text-align:center;padding-left:15px;}
.slider .bar .icon4:hover .text{width:70px;text-align:center;padding-left:15px;}